<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>启动页</title>
		<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/main.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>
	<style>
		.mui-content{background-color: transparent; background: url(images/travel.png) no-repeat;background-size: cover;z-index: 0;;position: relative;}
	</style>
	</head>

	<body>
		<!--header start-->
		<header class="mui-bar mui-bar-nav main-color FFF">
			<a class="mui-btn mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
				<span class="mui-icon mui-icon-left-nav"></span>绿肺活动详情页
			</a>
		</header>
		<!--header End-->
		<div class="mui-content fl">
			<div class="travel mui-col-xs-11 mui-media center">
				<!--时间-->
				<div class="time font12 FFF">
					2015-10-10 23:15
				</div>
				<!--详情-->
				<div class="traDetail font10 font4a">
					<p class="font10 font4a padding10">活动是由共同目的联合起来并完成一定社会职能的动作的总和。活动由目的、动机和动作构成，具有完整的结构系统。苏联心理学家从20年代起就对活动进行了一系列研究。其中Α.Н.列昂节夫的活动理论对苏联心理学的发展影响很大，成为现代苏联心 </p>
					<p class="font10 font4a">
						活动时间:2015-10-10
						<br/> 活动地点:成都市二环路
						<br/> 主办单位:四川省成都市省我们是一家
					</P>
				</div>
			</div>
			<!--底部的三张图-->
			<div class="mui-col-xs-11 mui-media otherTravel center">
				<div class="mui-col-xs-4 mui-media center fl">
					<a href="" class="mui-text-center">
						<img src="images/travel (1).jpg" alt="">
					</a>
				</div>
				<div class="mui-col-xs-4 mui-media center fl">
					<a href="">
						<img src="images/travel (2).jpg" alt="">
					</a>
				</div>
				<div class="mui-col-xs-4 mui-media center fl">
					<a href="">
						<img src="images/travel (3).jpg" alt="">
					</a>
				</div>				
			</div>
		</div>
	</body>
</html>